<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <div class="container">
      <div class="myInfo">
        <div class="userName">
          <h2>傅艺伟</h2>
          <span>前端工程师</span>
        </div>
        <div class="introduce">
          <div class="contact">
            <div class="phone contactSame">
              <div class="phoneNumber">
                <i class="iconfont icon-dianhuajianpan"></i>
                <a href="#">15268027941</a>
              </div>
              <div class="educationB">
                <span class="rightSpan">学校</span>浙江邮电职业技术学院
              </div>
            </div>
            <div class="Email contactSame">
              <div class="EmailNumber">
                <i class="iconfont icon-youxiang"></i>
                <a href="#">2262467192@qq.com</a>
              </div>
              <div class="birthday">
                <span class="rightSpan">生日</span> 2001-12-09
              </div>
            </div>
            <div class="internet contactSame">
              <div class="internetLocation">
                <i class="iconfont icon-wangluo"></i>
                <a href="#">www.test.com</a>
              </div>
              <!-- <div class="experience">
                <span class="rightSpan">开发经验</span>5年
              </div> -->
            </div>
          </div>
          <!-- <div class="avatar"><img src="./img/avatar.png" alt="" /></div> -->
        </div>
      </div>
      <!-- <div class="educationExperience">
        <h2>教育经历</h2>
        <hr />
        <div class="educationContainer">
          <div class="item">2005 ~ 2009 克莱登大学 进口挖掘机修理</div>
          <div class="item">2005 ~ 2009 克莱登大学 进口挖掘机修理</div>
        </div>
      </div> -->
      <div class="workExperience">
        <h2>在校时获奖</h2>
        <hr />
        <div class="workContainer">
          <div class="item">
            <div class="timeLine">
              第十三届蓝桥杯——Web应用开发（省赛） 一等奖
            </div>
          </div>
          <div class="item">
            <div class="timeLine">绍兴市创新创业比赛前10名</div>
          </div>
          <div class="item">
            <div class="timeLine">学院职业生涯规划与三创大赛--创新类三等奖</div>
          </div>
        </div>
        <!-- <div class="workExperience">
        <h2>工作经历</h2>
        <hr />
        <div class="workContainer">
          <div class="item">
            <div class="timeLine">
              2005 ~ 2009 国家蓝翔战略研究院 进口挖掘机修理
            </div>
            <div class="todo">
              负责对挖掘机的各种零部件进行检测、维修。对生产线的各个环节进行把控，及时发现风险。负责产品质量状态标识工作，严格控制不良品。也会对进口挖掘机的品质进行把控，制定符合公司战略需要的质检标准。
            </div>
          </div>
          <div class="item">
            <div class="timeLine">
              2005 ~ 2009 国家蓝翔战略研究院 进口挖掘机修理
            </div>
            <div class="todo">
              负责给新东方厨师训练班的学员提供优质的猪肉，严格控制猪肉质量。同时还要管理生猪，特别是母猪的生产护理，包括母猪产前指导、产后修复，还要负责母猪的产后咨询等。然后.......实在编不下了去了。
            </div>
          </div>
        </div>
      </div>
      <div class="professionalSkill">
        <h2>专业技能</h2>
        <hr />
        <!-- <div class="professionalContainer">
          <div class="item item1"><span>nodejs</span></div>
          <div class="item item2"><span>Quos?</span></div>
          <div class="item item3"><span>Corporis!</span></div>
          <div class="item item4"><span>Et.</span></div>
          <div class="item item5"><span>Asperiores.</span></div>
          <div class="item item6"><span>Comsequuntur</span></div>
        </div> -->
        <div class="professionalContainer1">
          <ul>
            <li>熟悉html5，css3</li>
            <li>熟悉es6常用属性和api</li>
            <li>第三方库（axios，echarts，jquery。mockJS）</li>
            <li>Vue（全家桶，elementUI）</li>
            <li>工程化（webpack打包，commonJs，ESmodule）</li>
            <li>有uni-app开发经历</li>
          </ul>
        </div>
      </div>
      <div class="projectExperience">
        <h2>项目经验</h2>
        <hr />
        <div class="projectContainer">
          <div class="part1">
            <h4>个人博客</h4>
            <p>
              访问地址&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">www.todoList.com</a>
            </p>
            <p>
              项目背景&nbsp;&nbsp;&nbsp;&nbsp;<span
                >本系统在学习 vue 后，凭个人兴趣，开发个人博客</span
              >
            </p>
            <div class="special">
              <p>项目实现&nbsp;&nbsp;&nbsp;&nbsp;</p>
              <div>
                <p>
                  系统包含
                  <strong>任务清单</strong>
                  、
                  <strong>任务分类</strong>
                  、
                  <strong>日志薄</strong>
                  、
                  <strong>废纸篓</strong>
                  等模块，本人参与了所有模块的开发。
                </p>
                <p>
                  系统分为前后端两个部分。前端部分使用
                  <strong>vue</strong>
                  作为框架，并使用脚手架
                  <strong>vue-cli</strong>
                  搭建。
                </p>
                <p>
                  其中，使用
                  <strong>vue-router</strong>
                  处理路由，使用
                  <strong>vuex</strong>
                  处理共享数据。
                </p>
                <!-- <p>
                  项目开发中遇到了
                  <strong>打包体积过大</strong>
                  的问题，经过研究，最终利用
                  <strong>tree shaking</strong>
                  、
                  <strong>dynamic import</strong>
                  、
                  <strong>gzip</strong>
                  ，很好的解决了该问题。
                </p> -->
                <p>
                  后端（正在学习中）部分使用
                  <strong>node</strong>
                  搭建轻量级服务器，通过
                  <strong>express</strong>
                  为前端提供REST风格的接口，数据方面利用
                  <strong>mongodb</strong>
                  持久化数据，并利用库
                  <strong>egg</strong>
                  提供的接口操作数据库。
                </p>
              </div>
            </div>
          </div>
          <div class="part1" style="height: 200px">
            <h4>个人博客后台管理系统</h4>
            <p>
              访问地址&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">www.todoList.com</a>
            </p>
            <p>
              项目背景&nbsp;&nbsp;&nbsp;&nbsp;<span
                >本系统在完成个人博客开发完成之后，用于管理个人博客写的</span
              >
            </p>
            <div class="special">
              <p>项目实现&nbsp;&nbsp;&nbsp;&nbsp;</p>
              <div>
                <p>
                  系统包含
                  <strong>各项个人博客系统模块内容的添加、删除、修改。</strong>
                  本人参与了所有模块的开发。
                </p>
                <p>
                  用
                  <strong>vue</strong>
                  作为框架，并使用
                  <strong>elementUI</strong>
                  构建页面
                </p>
              </div>
            </div>
          </div>
          <div class="part1" style="height: 100px">
            <h4>学习过程中完成的页面</h4>
            <p>
              访问地址&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">www.todoList.com</a>
            </p>
            <p>
              项目背景&nbsp;&nbsp;&nbsp;&nbsp;<span
                >平时在学习的过程中仿写的一些页面</span
              >
            </p>
            <div class="item" style="margin: 5px">
              <p>原生仿写和平精英官网首页</p>
              <a href="" target="_blank"></a>
            </div>
            <div class="item" style="margin: 5px">
              <p>原生仿写抖音PC端首页</p>
              <a
                href="https://todayiwillstudy.gitee.io/douyin/dyiMitation/"
                target="_blank"
                >https://todayiwillstudy.gitee.io/douyin/dyiMitation/</a
              >
            </div>
            <div class="item" style="margin: 5px">
              <p>聊天机器人</p>
              <a
                href="http://todayiwillstudy.gitee.io/talk/login.html"
                target="_blank"
                >http://todayiwillstudy.gitee.io/talk/login.html</a
              >
            </div>
          </div>
          <!-- <div class="part1">
            <h4>在线时间管理系统</h4>
            <p>
              访问地址&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">www.todoList.com</a>
            </p>
            <p>github&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">www.github.com</a></p>
            <p>
              项目背景&nbsp;&nbsp;&nbsp;&nbsp;<span
                >本系统在学习 vue
                后，凭个人兴趣，开发的用于进行时间管理的系统</span
              >
            </p>
            <div class="special">
              <p>项目实现&nbsp;&nbsp;&nbsp;&nbsp;</p>
              <div>
                <p>
                  系统包含
                  <strong>任务清单</strong>
                  、
                  <strong>任务分类</strong>
                  、
                  <strong>日志薄</strong>
                  、
                  <strong>废纸篓</strong>
                  等模块，本人参与了所有模块的开发。
                </p>
                <p>
                  系统分为前后端两个部分。前端部分使用
                  <strong>vue</strong>
                  作为框架，并使用脚手架
                  <strong>vue-cli</strong>
                  搭建。
                </p>
                <p>
                  其中，使用
                  <strong>vue-router</strong>
                  处理路由，使用
                  <strong>vuex</strong>
                  处理共享数据，使用
                  <strong>element-ui</strong>
                  构建界面。
                </p>
                <p>
                  后端部分使用
                  <strong>node</strong>
                  搭建轻量级服务器，通过
                  <strong>express</strong>
                  为前端提供REST风格的接口，数据方面利用
                  <strong>mysql</strong>
                  持久化数据，并利用库
                  <strong>sequelize</strong>
                  提供的接口操作数据库
                </p>
                <p>
                  项目开发中遇到了
                  <strong>打包体积过大</strong>
                  的问题，经过研究，最终利用
                  <strong>tree shaking</strong>
                  、
                  <strong>dynamic import</strong>
                  、
                  <strong>gzip</strong>
                  ，很好的解决了该问题
                </p>
              </div>
            </div>
          </div> -->
        </div>
      </div>
      <div class="selfEvaluation">
        <h2>个人评价</h2>
        <hr />
        <p>
          善于沟通，技术方面是需要不断学习成长
          的，但是作为一个优秀的前端工程师，最重要的还是在开发中要想各种方案去解决问题。
        </p>
      </div>
    </div>
    <!-- <script>
      function debounce(fn, duration) {
        var timer;
        return function () {
          var args = Array.prototype.slice.call(arguments);
          timer = null;
          timer = setTimeout(function () {
            fn().apply(this, args);
          }, duration);
        };
      }
    </script> -->
  </body>
</html>
